<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>退库管理</title>
    <link rel="stylesheet" href="../../Style/xjq_css/entryPage.css" />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <!-- Latest compiled and minified JavaScript -->
    <script src="../../Utils/xjq_utils/jquery-3.6.0.min.js"></script>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <div id="entryBox">
      <!-- 顶部导航 -->
      <div class="header">
        <div class="header-left">
          <span>OA办公后台管理系统</span>
          <div class="homePage">
            <img src="../../images/xjq_images/u924.png" alt="" />
            <span>首页</span>
          </div>
          <div class="homePage active">
            <img src="../../images/xjq_images/u927.png" alt="" />
            <span>资产</span>
            <!-- 弹出框 -->
            <div class="classification">
              <div class="classificationBox">
                <div class="box1">
                  <div>
                    <img src="../../images/xjq_images/u950.png" alt="" /> <span>组织</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u953.png" alt="" /> <span><a href="../../Pages/xjq_pages/entryPage.html">员工</a> </span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u956.png" alt="" /> <span>考勤</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u959.png" alt="" /> <span>薪资</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u962.png" alt="" />
                    <span>社保公积金</span>
                  </div>
                </div>
                <div class="box1">
                  <div>
                    <img src="../../images/xjq_images/u965.png" alt="" /> <span>绩效</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u968.png" alt="" /> <span>招聘</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u971.png" alt="" /> <span>审批</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u974.png" alt="" />
                    <span>会议室预定</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u977.png" alt="" /> <span>车辆</span>
                  </div>
                </div>
                <div class="box1">
                  <div>
                    <img src="../../images/xjq_images/u980.png" alt="" /> <span>新闻</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u983.png" alt="" /> <span>公告</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u986.png" alt="" /> <span>合同库</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u989.png" alt="" /> <span>文档库</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u992.png" alt="" /> <span>资产 </span>
                  </div>
                </div>
                <div class="box1">
                  <div>
                    <img src="../../images/xjq_images/u998.png" alt="" /> <span>培训</span>
                  </div>
                  <div>
                    <img src="../../images/xjq_images/u995.png" alt="" />
                    <span>系统设置</span>
                  </div>
                  <div></div>
                  <div></div>
                  <div></div>
                </div>
              </div>
            </div>
          </div>
          <div class="serch">
            <img src="../../images/xjq_images/u931.png" />
            <input type="text" placeholder="请输入关键字" class="searchName" />
          </div>
        </div>
        <div class="header-right">
          <div class="message">
            <img src="../../images/xjq_images/u944.png" alt="" />
            <img
              src="../../images/xjq_images/u945.png"
              style="position: absolute; left: 22px"
            />
          </div>
          <div class="headPortrait">
            <img src="../../images/xjq_images/u938.png" alt="" />
            <span>Giovan</span>
            <img src="../../images/xjq_images/u937.png" alt="" />
            <!-- 弹出框 -->
            <div class="headPortraitbox">
              <p>重置密码</p>
              <p>退出系统</p>
            </div>
          </div>
        </div>
      </div>

      <!-- 中心部位 -->
      <div class="navbody">
        <div class="navbb">
          <div class="navbox">
            <div class="navbox-left">
              <img src="../../images/xjq_images/u398.png" />
              <span>资产管理</span>
            </div>
            <div class="navbox-right">
              <img
                src="../../images/xjq_images/keyboard_arrow_up_u627.png"
                style="rotate: 90deg"
              />
            </div>
          </div>
          <ul>
            <li class="navfunction"><span>资产列表</span></li>
            <li class="navfunction"><span>资产类别</span></li>
            <li class="navfunction"><span>仓库管理</span></li>
            <li class="navfunction"><span>资产盘点</span></li>
          </ul>

          <div class="navbox">
            <div class="navbox-left">
              <img src="../../images/xjq_images/u675.png" />
              <span>库存管理</span>
            </div>
            <div class="navbox-right">
              <img
                src="../../images/xjq_images/keyboard_arrow_up_u627.png"
                style="rotate: 90deg"
              />
            </div>
          </div>
          <ul>
            <li class="navfunction"><span>采购单</span></li>
            <li class="navfunction"><span>资产入库</span></li>
            <li class="navfunction"><span>领用</span></li>
            <li class="navfunction"><span>退库</span></li>
            <li class="navfunction active"><span>借用</span></li>
            <li class="navfunction"><span>归还</span></li>
            <li class="navfunction"><span>调拨</span></li>
          </ul>

          <div class="navbox">
            <div class="navbox-left">
              <img src="../../images/xjq_images/u399.png" />
              <span>设置</span>
            </div>
          </div>
        </div>

        <div class="banner">
          <div class="bannerheader">
            <span>资产 > 库存管理 ></span>
            <span style="color: black">退库</span>
          </div>
          <!-- -------------------- -->
          <div class="bannerBox">
            <div class="bannerBoxt">
              <span class="active" style="margin-left: 30px;">退库</span>
            </div>
            <div class="optionBox">
              <div class="onboarding">
                <div class="onboarding-top">
                  <div class="department">
                    <span>退库单号</span>
                    <div class="onboarding-text">
                      <input class="danhao" disabled type="text" placeholder="TK202203030  " />
                    </div>
                  </div>
                  <div class="department">
                    <span>资产明细</span>
                    <div class="onboarding-text">
                      <input class="asset" type="text" placeholder="如联想thinkplus会议平板" />
                    </div>
                  </div>
                  <div class="department">
                    <span>退库区域</span>
                    <div class="onboarding-select">
                      <img src="../../images/xjq_images/u282.png" alt="" />
                      <span id="pleaseCh" class="area">请选择</span>
                      <div id="produce" class="area">
                        <ul>
                          <li>本地仓库/东仓</li>
                          <li>本地仓库/西仓</li>
                          <li>本地仓库/北仓</li>
                          <li>本地仓库/南仓</li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <div class="department">
                    <span>退库部门</span>
                    <div class="onboarding-select">
                      <img src="../../images/xjq_images/u282.png" alt="" />
                      <span id="pleaseCh" class="buMen">请选择</span>
                      <div id="produce" class="bumen">
                        <ul>
                          <li>产品部</li>
                          <li>研发部</li>
                          <li>营销部</li>
                          <li>市场部</li>
                        </ul>
                      </div>
                    </div>
                  </div>

                  

                  

                  
                </div>
                <div class="onboarding-top">
                  <div class="department">
                    <span> 退 库 人 </span>
                    <div class="onboarding-text">
                      <input class="people" type="text" placeholder="请输入姓名  " />
                    </div>
                  </div>
                  <div class="department">
                    <span>退库日期</span>
                    <div class="onboarding-text">
                      <input type="date" placeholder="请输入日期  2020.2.2 " class=" date"/>
                    </div>
                  </div>
                  

                  <div class="department">
                    <span>退库数量</span>
                    <div class="onboarding-text">
                      <input class="number" type="text" placeholder="请输入数量  " />
                    </div>
                  </div>

                  <div class="department">
                    <span>购入金额</span>
                    <div class="onboarding-text">
                      <input class="money" type="text" placeholder="购入金额（元）  " />
                    </div>
                  </div>
                  
                </div>
                <div class="button">
                  <div class="add">
                    <img src="../../images/xjq_images/u386.png" alt="" /> <span>新增</span>
                  </div>
                </div>
              </div>
              <div class="onboarding-form">
                <table class="table table-striped">
                  <thead>
                    <tr>
                      <th>退库单号</th>
                      <th>退库资产明细</th>
                      <th>退库区域</th>
                      <th>退库部门</th>
                      <th>退库人</th>
                      <th>退库日期</th>
                      <th>数量</th>
                      <th>购入金额（元）</th>
                      <th>经办人</th>
                      <th>操作</th>
                    </tr>
                  </thead>

                  <tbody>
                    <!-- <tr>
                    <td>TK20220303009</td>
                    <td>联想thinkplus会议平板</td>
                    <td>本地仓库/东仓</td>
                    <td>产品部</td>
                    <td>王培</td>
                    <td>2022-08-06</td>
                    <td>3</td>
                    <td>3000.00</td>
                    <td>Giovan</td>
                    <td>
                      <a href="">编辑</a>
                      <a href="">删除</a>
                    </td>
                  </tr> -->
                  </tbody>
                </table>
                <div class="botton-page">
                  <nav aria-label="Page navigation">
                    <ul class="pagination">
                      <li>
                        <a href="#" class="prev">
                          <span>&laquo;</span>
                        </a>
                      </li>
                      <!-- <li class="active"><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
                      <li><a href="#">4</a></li>
                      <li><a href="#">5</a></li> -->
                      <li>
                        <a href="#" class="next">
                          <span>&raquo;</span>
                        </a>
                      </li>
                    </ul>
                  </nav>
                </div>
              </div>
              </div>
            </div>
          </div>
          <!-- ------------------------------------------------------------------ -->
        </div>
      </div>

      <!-- 消息弹出框 -->
      <div class="messageBox">
        <div class="messageBox-right">
          <div class="messageBox-right-top">
            <span>消息通知</span> <img src="../../images/xjq_images/clear_u215.png" alt="" />
          </div>
          <div class="messageBox-right-mess">
            <div class="mesFont">
              <div class="mesFont-circle">
                <img src="../../images/xjq_images/u1007.png" alt="" />
              </div>
              <div class="mesFontText">
                <p>
                  <span style="font-size: 14px; color: #333"
                    >员工资料变动提醒</span
                  >
                </p>
                <p style="margin-top: 8px">
                  <span style="font-size: 12px; color: #999"
                    >晁文琦提交了入职申请表，请尽快审核。</span
                  >
                </p>
              </div>
            </div>
            <div class="messTime">
              <span>2021-6-21</span>
              <img src="../../images/xjq_images/u1006.png" />
            </div>
          </div>

          <div class="messageBox-right-mess">
            <div class="mesFont">
              <div class="mesFont-circle">
                <img src="../../images/xjq_images/u1007.png" alt="" />
              </div>
              <div class="mesFontText">
                <p>
                  <span style="font-size: 14px; color: #333"
                    >员工资料变动提醒</span
                  >
                </p>
                <p style="margin-top: 8px">
                  <span style="font-size: 12px; color: #999"
                    >晁文琦提交了入职申请表，请尽快审核。</span
                  >
                </p>
              </div>
            </div>
            <div class="messTime">
              <span>2021-6-21</span>
              <img src="../../images/xjq_images/u1006.png" />
            </div>
          </div>
        </div>
      </div>
    </div>

    <script src="../../Js/xjq_js/StockReturn.js"></script>
  </body>
</html>
